<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Script-Type" Content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Author" content="Langtse"/>
<title>使用Object实现Iframe功能</title>

<style>
    #iframe{border:1px solid silver;width:640px;height:480px;padding:2px;}
    object{border:1px solid silver;width:638px;height:478px;}
</style>

<script>
    function btnClick(sUrl){
        var ifra=document.getElementById("iframe");
        ifra.innerHTML='<object id="obj1" type="text/html" data="'+sUrl+'"></object>';
    }
</script>

</head>
<body>

<form>
    <input name="url" size="60" type="text" value="http://www.baidu.com" />
    <input type="button" onClick="btnClick(this.form.url.value);" value="打开网页" />
</form>

<div id="iframe"><p>使用Object实现Iframe功能</p>这里显示你打开的页面内容</div>

</body>
</html>